/**
 * Created by feifei on 2017/7/2.
 */
var htmlWP = require('html-webpack-plugin');
//import htmlWP from 'html-webpack-plugin';//不可以简写es6语法
module.exports={    //不可以简写es6语法
    entry:"./src/main.js",
    output:{
        path:__dirname+"/dist",
        filename:"build.js"
    },
    module:{
        loaders:[
            {
                test:/\.css$/,//反斜杠是转义的意思
                loader:"style-loader!css-loader"
            },
            {
                test:/\.scss$/,//反斜杠是转义的意思
                loader:"style-loader!css-loader!sass-loader"
            },
            {
                test: /\.(png|jpg|jpeg|gif|ttf)$/,
                use: 'url-loader?limit=25000'
            },
            {
                test: /\.js$/,  // 将.js文件中的es6语法转成es5语法
                loader:'babel-loader',
                exclude:/node_modules/ // 排除node_modules文件夹下的js文件不用被转换
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            }
        ]

    },
    plugins:[
        new htmlWP({
            title: '首页',  //生成的页面标题
            filename: 'index.html', //webpack-dev-server在内存中生成的文件名称，自动将build注入到这个页面底部，才能实现自动刷新功能
            template: 'template.html' //根据template.html这个模板来生成(这个文件程序员自己书写)
        })
    ]
}